<template>
	<view class="activity-account" :style="[{paddingTop:statusBar+ 'px'}]" >
		<view class="status" :style="[{height:statusBar+ 'px'}]" ></view>
		<view class="navigation" :style="[{top:(statusBar-2)+ 'px'}]">
			<image src="/static/images/back.png" class="back" @click="back()" mode=""></image>
			<view class="navigation-title">余额账户</view>
			<view class="tip-icon-box" @click="openTips()">
				<image src="/static/images/tip-icon.png" mode=""></image>
			</view>
		</view>
		<view class="navigation-position"></view>

		<view class="activity-account-header">
			<view class="activity-account-header-left">
				<view class="header-title">可用余额(元)</view>
				<view class="activity-account-balance" v-if="user">{{ user.gold_coins }}</view>
				<view class="activity-account-balance" v-else>0.00</view>
				<view class="activity-account-operation">
					<!-- <view class="activity-account-operation-btn" @click="goActivityMoveAccounts()">转账</view> -->
					<view class="activity-account-operation-btn" @click="goActivityWithdrawal()">提现</view>
					<view class="activity-account-operation-btn" @click="goInvestMoney()" >储值</view>
				</view>
			</view>
			<view class="activity-account-header-line"></view>
			<view class="activity-account-header-right">
				<view class="header-title">抢购金(元)</view>
				<view class="activity-account-balance" v-if="user">{{ user.gold_cashes }}</view>
				<view class="activity-account-balance" v-else>0.00</view>
				<view class="activity-account-operation">
					<view class="activity-account-operation-btn exchange-btn" @click="goRobMoneyExchange()">兑换</view>
				</view>
			</view>
		</view>
		
		<view class="activity-subsidy-area-unoperated" v-if="user&&(user.has_gold_wastes_subsidy_applied=='' || user.has_gold_wastes_subsidy_applied==0||user.has_gold_wastes_subsidy_applied==false)&&(user.has_gold_wastes_order_applied==0||user.has_gold_wastes_order_applied==false || user.has_gold_wastes_order_applied=='')&&user.gold_wastes_money>0">
			<view class="activity-subsidy-area-unoperated-left">
				<view>
					<image src="/static/images/subsidy/subsidy-text.png" mode=""></image>
					<image src="/static/images/subsidy/subsidy-tips.png" mode="" @click="subsidyTipsOpen()"></image>
				</view>
				<view>
					<text v-if="user">{{ user.gold_wastes_money }}</text>
					<text v-else>0.00</text>
					<text>元</text>
				</view>
			</view>
			<view class="activity-subsidy-area-unoperated-right">
				<view>是否选择领取补贴金</view>
				<view class="activity-subsidy-operated">
					<view @click="openDeliverGoodsTips()">去发货</view>
					<view @click="openReceiveSubsidyTips()">去领取</view>
				</view>
			</view>
		</view>
		
		<view class="activity-subsidy-area" v-if="user">
			<view class="activity-subsidy-header">
				<view class="activity-subsidy-num">
					<image src="/static/images/subsidy/subsidy-text.png" class="subsidy-text" mode=""></image>
					<image src="/static/images/subsidy/subsidy-tips.png" class="subsidy-tips" mode="" @click="subsidyTipsOpen()"></image>
				</view>
				<image src="/static/images/subsidy/subsidy-logo-text-fsm.png" class="subsidy-logo-text" mode=""></image>
			</view>
			<view class="activity-subsidy-money-num">
				<text v-if="user&&(Number(user.unlocked_gold_subsidies)!=(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies)).toFixed(2))">{{ (Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies)).toFixed(2) }}</text>
				<text v-else>0.00</text>
				<text>元</text>
			</view>
			<view class="activity-subsidy-card">
				<view class="recommendation-reward" v-if="user">{{ user.unlocked_gold_subsidies }}</view>
				<view class="recommendation-reward-receive">
					<view class="recommendation-reward-waiting-receive-progress">
						<view class="bg-white ">
							<view class="flex">
								<view class="cu-progress round">
									<view class="bg-green" :style="[{ width:loading?(Number(user.unlocked_gold_subsidies)/(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies))*100).toFixed(2) +'%':''}]" v-if="Number(user.unlocked_gold_subsidies)!=(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies))"></view>
									<view class="bg-green" :style="[{ width:loading?'0%':''}]" v-if="Number(user.unlocked_gold_subsidies)!=(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies))"></view>
								</view>
							</view>
						</view>
						<!-- {{ Number(user.unlocked_gold_subsidies)/(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies))}} -->
						<view class="recommendation-reward-receive-progress-num">
							<text>0</text>
							<text>{{(Number(user.gold_subsidies) + Number(user.unlocked_gold_subsidies)).toFixed(2) }}</text>
						</view>
					</view>
				</view>
				<view class="recommendation-reward-num" v-if="user">
					<view>
						<text>已解锁(元)</text>
						<text>{{ user.unlocked_gold_subsidies }}</text>
					</view>
					<view>
						<text>待解锁(元)</text>
						<text>{{ user.gold_subsidies }}</text>
					</view>
				</view>
			</view>
		</view>
		
		
		
		<view class="activity-account-list">
			<view class="activity-account-title">
				<view>账户明细</view>
				<view>
					<picker @change="bindPickerChange" :value="index" :range="arr">
						<view class="drop-down-box">
							<view class="">{{arr[index]}}</view>	
							<image src="/static/images/drop-down.png" class="drop-down" mode=""></image>
						</view>
					</picker>
				</view>
			</view>
			
			<view class="date-box">
				<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至"  ref="datetimePicker" />
			</view>
			
			<view class="totla-money" v-if="total_num>0&&type!=''">
				<text>合计：</text>
				<view class=""><text>＋</text> <text>{{ total_num }}</text></view>	
			</view>
			
			<view class="totla-money totla-money-out" v-if="total_num<0&&type!=''">
				<text>合计：</text>
				<text>{{ total_num }}</text>
			</view>	
			
			<view class="activity-account-item" v-for="(item,index) in pageItems" :key="index" @click="geAccountDetail(item)">
				<view>
					<view>{{ item.reason }}</view>
					<view>{{ item.created_at }}</view>
				</view>
				<view class="come-money" v-if="item.money>0"><text>＋</text>{{ item.money }}</view>
				<view class="out-money" v-else>{{ item.money }}</view>
			</view>
			
			<view class="no-more" v-if="pageHasNoMore&&pageItems.length!=0" >
			  --- 没有更多数据了 ---
			</view>
			<view class="nodata-box" v-if="pageHasNoMore&&pageItems.length==0">
				<image src="/static/images/nodata-icon.png" mode="" class="nodata-icon"></image>
				<view class="nodata-text">暂无数据</view>
			</view>
		</view>
		
		<uni-popup ref="tipsPopup" type="center" :mask-click="false">
			<view class="tips-content-modal">
				<view class="tips-content-title">余额说明</view>
				<view class="tips-content">
					<view class="tips-item">① 余额可随时储值、提现；</view>
					<view class="tips-item">② 余额可用于购买平台所有商品使用；</view>
					<view class="tips-item">③ 余额不产生利息或收益；</view>
					<view class="tips-item">④ 抢购金可随时通过金豆进行兑换，兑换比例1:1000或通过邀请伙伴获得，直邀1位见习炼金师可获得10000元抢购金。</view>
				</view>
				<view class="confirm" @click="closeTipsPopup()">我知道了</view>
			</view>
		</uni-popup>
		
		<uni-popup ref="deliverGoodsTips" type="center" :mask-click="false">
			<view class="pop-content-modal pop-content-modal-deliver-goods">
				<view class="pop-content-title">重要提醒</view>
				<view class="pop-content">
					<view class="pop-content-item">确定要发货么？</view>
					<view class="pop-content-item">如果您选择发货，那么您就不能领取补贴金了哦~</view>
					<view class="pop-content-item pop-content-item-btm">平台发货时间为60-90天，已经选择不可更改</view>
				</view>
				<view class="pop-operation-area">
					<view @click="closeDeliverGoodsTips()">取消</view>
					<view @click="goBatchShipment()">去发货</view>
				</view>
				
			</view>
		</uni-popup>
		
		<uni-popup ref="receiveSubsidyTips" type="center" :mask-click="false">
			<view class="pop-content-modal">
				<view class="pop-content-title">重要提醒</view>
				<view class="pop-content">
					<view class="pop-content-item">获得补贴金进度条后，按照随后场次中获得的推荐奖励1:1领取补贴金，即进度条开始后获得多少推荐奖励即可解锁多少补贴金，补贴金领取到余额账户。</view>
				</view>
				<view class="pop-operation-area" v-if="operationShow">
					<view @click="closeReceiveSubsidyTips()">我再看看</view>
					<view @click="goldWastesSubsidiesMth()" >去领取</view>
				</view>
				<view class="pop-operation-area" v-else >
					<!-- <view @click="closeDeliverGoodsTips()">取消</view> -->
					<view @click="closeReceiveSubsidyTips()" class="got-it">我知道了</view>
				</view>
			</view>
		</uni-popup>
		
		<image class="return-top" mode="aspectFit" v-if="isTopButtonShow" @click="returnTop" src="/static/images/return-top.png"></image>
		
		<uni-popup ref="passwordPopup" type="center" :mask-click="false">
			<view class="password-confirm-modal">
				<view class="password-confirm-tips">请输入交易密码</view>
				<view class="password-confirm-ipt-box">
					<input type="password" class="password-confirm-ipt" value="" v-model="password" placeholder="请输入交易密码" placeholder-style="color:#C0C0C0;font-size:28rpx;" />
				</view>	
				<view class="password-confirm-bottom">
					<view @click="closePop()" >取消</view>
					<view @click="confirm()" >确定</view>	
				</view>	
			</view>
		</uni-popup>
		
		
	</view>
</template>

<script>
	/* function getRequestParams() {
			let url = location.href;
			let requestParams = {};
			if (url.indexOf('?') !== -1) {
				let str = url.substr(url.indexOf('?') + 1);
				let strs = str.split('&');
				for (let i = 0; i < strs.length; i++) {
					requestParams[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
				}
			}
			return requestParams;
	}
	let params = getRequestParams();
	let token = params['token'];
	let status_bar =  params['status_bar'];
	let source = 'wap'
	if(token!=undefined){
		uni.setStorage({
		    key: 'token',
		    data: token
		})
		source = 'app'
	}
	if(status_bar!=undefined){
		uni.setStorage({
		    key: 'status_bar',
		    data: status_bar
		})
	} */
	import store from "store"
	import {mapGetters,mapMutations,mapActions} from 'vuex'
	import { goldCoinsList,goldWastesSubsidies } from "api/goldstormApi.js"
	import Pagination from "mixins/Pagination"
	import { getUser } from "api/userApi"

	export default {
		store,
		computed:{
			...mapGetters([
				'user',
				'statusBar',
				'isLogin'
			]),
			startDate() {
					return this.getDate('start');
			},
			endDate() {
					return this.getDate('end');
			}
		},
		watch: {
			datetimerange(newval) {
				this.pageNumber = 1
				this.pageHasNoMore = false
				this.loadPageData()
			}
		},
		mixins:[
			Pagination
		],
		data(){
			const currentDate = this.getDate({
					format: true
			})
			return {
				isTopButtonShow:false,
				source:source,
				array: [
					{
						type:'',
						name:'全部',
					},
					{
						type:'net_profit',
						name:'寄售利润+推荐奖励+炼金师奖励'
					},
					{
						type:'resold_profit',
						name:'寄售利润'
					},
					{
						type:'resold_beans',
						name:'寄售金豆变现'
					},
					{
						type:'direct_prize',
						name:'推荐奖励'
					},
					{
						type:'team_prize',
						name:'炼金师奖励'
					},
					{
						type:'unlocked_gold_subsidies',
						name:'解锁补贴金'
					},
					{
						type:'resold_cost',
						name:'寄售本金回款'
					},
					{
						type:'pay_gold_record',
						name:'黄金风爆订单支出'
					},
					{
						type:'pay_order',
						name:'普通商品订单支出'
					},
					{
						type:'order_refund',
						name:'商品订单退款'
					},
					{
						type:'gold_charge',
						name:'储值'
					},
					{
						type:'transfered_in',
						name:'转入'
					},
					{
						type:'transfered_out',
						name:'转出'
					},
					{
						type:'withdraw_principal',
						name:'提现'
					}
					
				],
				arr:['全部','寄售利润+推荐奖励+炼金师奖励','寄售利润','寄售金豆变现','推荐奖励','炼金师奖励','解锁补贴金','寄售本金回款','黄金风爆订单支出','普通商品订单支出','商品订单退款','储值','转入','转出','提现'],
				index: 0,
				type:'',
				isActivityAccount:true,
				date: currentDate,
				range: [],
				datetimerange: [],
				start: Date.now() - 1000000000,
				end: Date.now() + 1000000000,
				start_time:'',
				end_time:'',
				total_num:null,
				loading: false,
				password:null,
				isClick:true,
				operationShow:true
			}
		},
		methods:{
			...mapMutations([
				'setUser',
				'setStatusBar'
			]),
			bindPickerChange: function(e) {
				this.index = e.detail.value
				this.type = this.array[this.index].type
				this.pageNumber = 1
				this.pageHasNoMore = false
				this.loadPageData()
			},
			getDate(type) {
					const date = new Date();
					let year = date.getFullYear();
					let month = date.getMonth() + 1;
					let day = date.getDate();

					if (type === 'start') {
							year = year;
					} else if (type === 'end') {
							year = year + 2;
					}
					month = month > 9 ? month : '0' + month;
					day = day > 9 ? day : '0' + day;
					return `${year}-${month}-${day}`;
			},
			back(){
				if(this.source == 'wap'){
					uni.navigateBack()
				}else{
					backToApp.postMessage('back');
				}
			},
			goActivityMoveAccounts(){
				uni.navigateTo({
					url:'/packs/pages/activity/activityMoveAccounts'
				})
			},
			goActivityWithdrawal(){
				uni.navigateTo({
					url:'/packs/pages/activity/withdrawal'
				})
			},
			goRobMoneyExchange(){
				uni.navigateTo({
					url:'/packs/pages/activity/activityRobMoneyExchange'
				})
			},
			goInvestMoney(){
				uni.navigateTo({
					url:'/packs/pages/activity/investMoney'
				})
			},
			geAccountDetail(item){
				uni.navigateTo({
					url:'/packs/pages/activity/activityAccountDetail?itemDetai=' + encodeURIComponent(JSON.stringify(item))
				})
			},
			goBatchShipment() {
				this.closeDeliverGoodsTips()
				uni.navigateTo({
					url:'/packs/pages/activity/activityBatchShipment'
				})
			},
			async getUser(){
				let response =  await getUser()
				this.setUser(response)
			},
			async loadPageItems() {
				let condition = this.type;
				let start_time = this.datetimerange[0];
				let end_time = this.datetimerange[1];
				return await goldCoinsList({page: this.pageNumber,condition:condition,start_time:start_time,end_time:end_time}) 
			},
			openTips(){
				this.$refs.tipsPopup.open('center')
			},
			closeTipsPopup(){
				console.log(89)
				this.$refs.tipsPopup.close()
			},
			returnTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 100
				})
			},
			openDeliverGoodsTips() {
				this.operationShow = true
				this.$refs.deliverGoodsTips.open('center')
			},
			closeDeliverGoodsTips() {
				
				this.$refs.deliverGoodsTips.close()
				
			},
			openReceiveSubsidyTips() {
				this.$refs.receiveSubsidyTips.open('center')
			},
			closeReceiveSubsidyTips() {
				this.$refs.receiveSubsidyTips.close()
				setTimeout(()=>{
					this.operationShow = true
				},100)
				
			},
			subsidyTipsOpen(){
				this.operationShow = false;
				this.$refs.receiveSubsidyTips.open('center')
			},
			async refresh(){
				if(this.datetimerange.length!=0){
					this.$refs.datetimePicker.clear()
				}else{
					this.pageNumber = 1
					this.pageHasNoMore = false
					this.pageMeta = {}
					this.pageItems = []
					await this.loadPageData()
				}
			},
			async goldWastesSubsidiesMth(){
				let parms = {}
				this.closeReceiveSubsidyTips()
				const response =  await goldWastesSubsidies(parms)
				if(!response.message){
					this.$refs.passwordPopup.open('center')
				}else{
					if(Object.values(response.errors)[0][0]=='请输入交易密码'){
						this.$refs.passwordPopup.open('center')
					}else if(Object.values(response.errors)[0][0]=='请先绑定支付宝账号'){
						let _this = this
						uni.showModal({
							content:'您还未绑定支付宝账号，请使用App绑定支付宝后可转金豆！',
							confirmText:'去绑定',
							success: function (res) {
								if (res.confirm) {
									if(_this.statusBar>0){
										// window.flutter_inappwebview.callHandler('bind_alipay_app')
										bindAlipayApp.postMessage('bindali');
									}else{
										uni.navigateTo({url: '/packs/pages/download/download?from=1'})
									}
								}
							}
						})
					}else if(Object.values(response.errors)[0][0]=='请先设置交易密码'){
						if(this.statusBar>0){
							setPayCodeByApp.postMessage('paycodeset');
						}else{
							uni.navigateTo({url: '/packs/pages/userset/setpaycode'})
						}
					}else{
						uni.showModal({
							title:'提示',
							content:Object.values(response.errors)[0][0],
							confirmText:'知道了',
							confirmColor:'#FF6011',
							showCancel:false
						})
					}
				}
			},
			closePop(){
				this.$refs.passwordPopup.close()
				this.password = null
			},
			async confirm(){
				if(this.password){
					if(this.isClick){
						this.isClick = false;
						let parms = { pay_code:this.password }
						this.closePop()
						const response =  await goldWastesSubsidies(parms)
						this.password = null;
						this.isClick = true;
						if(!response.message){
							uni.showToast({
								title:'领取成功'
							})
						}else{
							if(Object.values(response.errors)[0][0]=='请先绑定支付宝账号'){
								let _this = this
								uni.showModal({
									content:'您还未绑定支付宝账号，请使用App绑定支付宝后可兑换！',
									confirmText:'去绑定',
									success: function (res) {
										if (res.confirm) {
											if(_this.statusBar>0){
												bindAlipayApp.postMessage('bindali');
											}else{
												uni.navigateTo({url: '/packs/pages/download/download?from=1'})
											}
										}
									}
								})
							}else if(Object.values(response.errors)[0][0]=='请先设置交易密码'){
								if(this.statusBar>0){
									setPayCodeByApp.postMessage('paycodeset');
								}else{
									uni.navigateTo({url: '/packs/pages/userset/setpaycode'})
								}
							}else{
								uni.showModal({
									title:'提示',
									content:Object.values(response.errors)[0][0],
									confirmText:'知道了',
									confirmColor:'#FF6011',
									showCancel:false
								})
							}
						}
					}
					setTimeout(()=>{
						this.getUser()
					},500)
				}else{
					uni.showModal({
						title:'提示',
						content:'请输入交易密码！',
						confirmText:'知道了',
						confirmColor:'#FF6011',
						showCancel:false
					})
				}
			}
		},
		async onShow(){
			if(status_bar!=undefined){
				this.setStatusBar(status_bar)
			}
			if(await this.isLogin ||  await this.statusBar>0){
				await this.getUser()
			}
			setTimeout(()=>{
				this.loading = true
			}, 500)
			
		},
		onPageScroll(e) {
			if (e.scrollTop >= 42) {
				this.isTopButtonShow = true
			} else {
				this.isTopButtonShow = false
			}
		},
		async onLoad() {
			if(await this.isLogin ||  await this.statusBar>0){
				await this.loadPageData()
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "/colorui/main.css";
	@import "/colorui/animation.css";
	uni-view{
		box-sizing: content-box;
	}
	.bg-green{
		background-color: #F9D5BB;
	}
	.cu-progress{
		height: 8rpx;
	}
	page{
		background: #F6F6F6;
	}
	.status {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		background: #F6F6F6;
	}
	.navigation{
		width: 100%;
		height: 100rpx;
		background: #F6F6F6;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		left:0;
		top:0;
		z-index:99;
	}
	.navigation-position{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
	}
	.back{
		display: block;
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		top: 26rpx;
		left:32rpx;
	}
	.tip-icon-box{
		display: block;
		width:50rpx;
		height:50rpx;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		top:26rpx;
		right:40rpx;
		>image{
			display: block;
			width:40rpx;
			height:40rpx;
			
		}
	}
	.navigation-title{
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}
	.activity-account-header{
		margin: 20rpx auto 0;
		// width: 590rpx;
		// padding: 0 48rpx;
		width: 622rpx;
		padding: 0 32rpx;
		height: 244rpx;
		background: url(/static/images/activity-account-header-bg.png) no-repeat center;
		background-size: cover;
		position: relative;
		display: flex;
		justify-content: space-between;
		>view{
			width:278rpx;
		}
		.activity-account-header-line{
			width: 2rpx;
			height: 180rpx;
			background: #FFFFFF;
			opacity: 0.1;
			margin-top: 32rpx;
		}
	}
	.header-title{
		padding:32rpx 0 0rpx 0rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 0.6;
	}
	.activity-account-balance{
		color:#ffffff;
		font-size: 64rpx;
		font-size:52rpx;
		font-size:48rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 74rpx;
		padding-bottom: 30rpx;
	}
	.activity-account-operation{
		display: flex;
		>view{
			width: 120rpx;
			height: 48rpx;
			font-size: 24rpx;
			font-weight: 600;
			color:#FFFFFF;
			background:rgba(255, 255, 255, .1);
			border-radius: 24rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		>view:nth-child(1){
			margin-right: 16rpx;
		}
		.exchange-btn{
			width: 180rpx;
		}
	}
	.activity-account-list{
		margin-top: 44rpx;
		padding:0 32rpx 150rpx 32rpx;
	}
	.activity-account-title{
		width: 686rpx;
		margin: 0 auto;
		padding-bottom:32rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		>view:nth-child(1){
			font-size: 32rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 44rpx;
		}
		>view:nth-child(2){
			// width: 196rpx;
			padding: 0 20rpx;
			height: 60rpx;
			background: #F0F0F0;
			border-radius: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			>image{
				display: block;
				width: 24rpx;
				height: 24rpx;
				margin-left: 12rpx;
			}
		}
	}
	.totla-money{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 15rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #FF9500;
		margin-bottom: 20rpx;
		>text:nth-child(1){
			font-size: 30rpx;
		}
		>view:nth-child(2){
			>text:nth-child(1){
				font-size:28rpx;
			}
		}
	}
	.totla-money-out{
		color: #333333;
	}
	.drop-down-box{
		display: flex;
		align-items: center;
	}
	.drop-down{
		display: block;
		width: 24rpx;
		height: 24rpx;
		margin-left: 12rpx;
	}
	.activity-account-item{
		width: 622rpx;
		margin: 0 auto;
		padding: 0 32rpx;
		height: 148rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		display: flex;
		// align-items: center;
		justify-content:space-between;
		margin-bottom: 16rpx;
		>view:nth-child(1){
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin-top: 32rpx;
			>view:nth-child(2){
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				margin-top: 16rpx;
			}
		}
		.come-money{
			font-size: 36rpx;
			height: 36rpx;
			font-weight: bold;
			color: #FF9500;
			line-height: 40rpx;
			margin-top: 32rpx;
			display: flex;
			align-items: center;
			>text{
				font-size: 28rpx;
			}
		}
		.out-money{
			font-size: 36rpx;
			font-weight: bold;
			color: #333333;
			line-height: 40rpx;
			margin-top: 32rpx;
		}
	}
	.no-more{
		text-align: center;
		font-size: 26rpx;
		color:#999999;
		margin-top: 30rpx;
	}
	.nodata{
		width: 100%;
		height: 50rpx;
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		margin:auto;
	}
	.nodata-box{
		width:686rpx;
		height: 390rpx;
		margin: 0 auto;
		margin-top: 100rpx;
	}
	.nodata-icon{
		display: block;
		width: 320rpx;
		height: 320rpx;
		margin: 0 auto;
	}
	.nodata-text{
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 36rpx;
		text-align: center;
	}
	.tips-content-modal{
		width: 606rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		padding: 0 30rpx 50rpx 30rpx;
		.tips-content-title{
			text-align: center;
			padding: 40rpx 0 20rpx 0;
			font-size: 32rpx;
			color:#333333;
			font-weight: 500;
		}
		.tips-item{
			font-size: 28rpx;
			color:#666666;
			line-height: 60rpx;
			letter-spacing: 0rpx;
		}
		.confirm{
			width:400rpx;
			height: 70rpx;
			background: #FF9500;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28rpx;
			font-weight: 600;
			color: #FFFFFF;
			border-radius: 10rpx;
			margin: 50rpx auto 0;
		}
	}
	.return-top {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 280rpx;
		right: 32rpx;
	}
	
	
	/* 时间范围选择 */
	.date-box{
		margin-bottom: 20rpx;
	}
	/deep/.uni-date-x{
		justify-content:flex-start;
		border-radius: 16rpx;
		padding: 0 5rpx 0 10rpx;
		font-size: 26rpx;
	}
	/deep/.uni-date-x--border{
		border-radius: 16rpx;
		border: 1rpx solid #dcdfe6;
	}
	/deep/.uni-date__x-input{
		width: 270rpx;
		font-size: 26rpx;
		padding: 0 5rpx;
	}
	/deep/.uni-datetime-picker--btn{
		background-color: #FE354B;
	}
	/deep/.uni-calendar-item--multiple .uni-calendar-item--before-checked{
		background-color: #FF487A;
	}
	/deep/.uni-calendar-item__weeks-box .uni-calendar-item--checked{
		background-color: #FF487A;
	}
	/deep/.uni-calendar-item--multiple .uni-calendar-item--after-checked{
		background-color: #FF487A;
	}
	/deep/.uni-calendar-item__weeks-box-text{
		color: #333333;
	}
	
	.activity-subsidy-area-unoperated{
		width: 686rpx;
		height: 152rpx;
		margin: 16rpx auto;
		background: url(/static/images/subsidy/un-subsidy-bg.png) no-repeat center;
		background-size: cover;
		position: relative;
		display: flex;
		justify-content: space-between;
	}
	.activity-subsidy-area-unoperated-left{
		>view:nth-child(1){
			display: flex;
			align-items: center;
			margin:0 0 0 26rpx;
			padding-top:32rpx;
			>image:nth-child(1){
				display: block;
				width: 140rpx;
				height: 32rpx;
				margin-right: 8rpx;
			}
			>image:nth-child(2){
				display: block;
				width: 24rpx;
				height:24rpx;
			}
		}
		>view:nth-child(2){
			margin: 12rpx 0 0 24rpx;
			height: 52rpx;
			display: flex;
			>text:nth-child(1){
				font-size: 44rpx;
				font-weight: bold;
				color: #823024;
				line-height: 52rpx;
				font-family: DINAlternate-Bold, DINAlternate;
			}
			>text:nth-child(2){
				font-size: 24rpx;
				line-height: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #823024;
				margin:18rpx 0 0 8rpx;
			}
		}
	}
	
	.activity-subsidy-area-unoperated-right{
		>view:nth-child(1){
			font-size: 24rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #823024;
			line-height: 34rpx;
			margin: 24rpx 48rpx 16rpx 0;
		}
	}
	
	.activity-subsidy-operated{
		display: flex;
		>view{
			width: 108rpx;
			height: 48rpx;
			border-radius: 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #FFE9CC;
		}
		>view:nth-child(1){
			background: #EEB080;
			margin-right: 16rpx;
		}
		>view:nth-child(2){
			background: linear-gradient(90deg, #DB8B64 0%, #BF4E2A 100%);
		}
	}
	
	.activity-subsidy-area{
		width: 686rpx;
		height: 406rpx;
		margin: 24rpx auto 0;
		background: url(/static/images/subsidy/subsidy-bg.png) no-repeat center;
		background-size: cover;
		position: relative;
		.activity-subsidy-header{
			width: 100%;
			height: 72rpx;
			display: flex;
			// align-items: center;
			justify-content: space-between;
			.activity-subsidy-num{
				display: flex;
				align-items:center;
				margin:32rpx 0 0 26rpx;
				height: 30rpx;
				.subsidy-text{
					display: block;
					width: 138rpx;
					height: 30rpx;
				}
				.subsidy-tips{
					display: block;
					width: 24rpx;
					height: 24rpx;
					margin-left: 8rpx;
				}
				
			}
			.subsidy-logo-text{
				display: block;
				width: 196rpx;
				height: 48rpx;
				margin: 24rpx 16rpx 0 0;
			}
			
		}
		.activity-subsidy-money-num{
			margin:0rpx 0 24rpx 0rpx;
			display: flex;
			height: 52rpx;
			>text:nth-child(2){
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #823024;
				line-height: 24rpx;
				margin-top: 18rpx;
			}
			>text:nth-child(1){
				font-size: 36rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #823024;
				line-height: 50rpx;
				margin:0 10rpx 0 24rpx;
			}
		}
		.activity-subsidy-card{
			width: 668rpx;
			height: 252rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			margin: 0 auto;
			.activity-subsidy-card-title{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				line-height: 40rpx;
				margin: 0rpx 0 0 32rpx;
				padding-top: 24rpx;
			}
			.recommendation-reward{
				padding-top: 20rpx;
				font-size: 48rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
				line-height: 66rpx;
				margin: 8rpx 0 0 32rpx;
			}
			.recommendation-reward-receive{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 34rpx;
				height: 64rpx;
				.recommendation-reward-waiting-receive-progress{
					width: 360rpx;
					width: 520rpx;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					position: relative;
					.recommendation-reward-receive-progress-num{
						width: 520rpx;
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 34rpx;
						position: absolute;
						left:0;
						bottom:-5rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;
					}
				}
				.receive-btn{
					width: 172rpx;
					height: 64rpx;
					background: #F0F0F0;
					border-radius: 32rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 28rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #D1D1D1;
				}
			}
			.recommendation-reward-num{
				display: flex;
				align-items: center;
				margin: 25rpx 0 0 32rpx;
				>view{
					display: flex;
					align-items: center;
					>text:nth-child(1){
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
					}
					>text:nth-child(2){
						font-size: 36rpx;
						font-family: DINAlternate-Bold, DINAlternate;
						font-weight: bold;
						color: #333333;
						margin-left: 16rpx;
					}
				}
				>view:nth-child(1){
					margin-right: 76rpx;
				}
			}
		}
	}
	
	.pop-content-modal{
		width: 560rpx;
		height: 446rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		position: relative;
		.pop-content-title{
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 40rpx;
			padding-top: 40rpx;
			text-align: center;
			margin-bottom: 28rpx;
		}
		.pop-content-item{
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 48rpx;
			padding: 0 40rpx;
		}
		.pop-operation-area{
			display: flex;
			width: 100%;
			height: 86rpx;
			border-top: 1rpx solid #F0F0F0;
			position: absolute;
			bottom: 0;
			left:0;
			>view{
				width: 50%;
				display: flex;
				align-items: center;
				justify-content:center;
				font-size: 32rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
			}
			>view:nth-child(2){
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FF6011;
				border-left: 1rpx solid #F0F0F0;
			}
			.got-it{
				width: 100%;
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FF6011;
			}
		}
	}
	.pop-content-modal-deliver-goods{
		height: 486rpx;
	}
	.password-confirm-modal{
		width: 620rpx;
		height: 300rpx;
		padding:20rpx 0 64rpx 0;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.password-confirm-tips{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 80rpx;
		text-align: center;
	}
	.password-confirm-ipt-box{
		width: 528rpx;
		height: 84rpx;
		background: #F6F6F6;
		border-radius:15rpx;
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		margin:30rpx auto;
	}
	.password-confirm-ipt{
		width: 450rpx;
		font-size: 28rpx;
		color: #555555;
	}
	.password-confirm-bottom{
		width: 100%;
		height: 90rpx;
		display: flex;
		border-top: 1rpx solid #cccccc;
		position: absolute;
		left:0;
		bottom: 0;
		>view{
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 500;
		}
		>view:nth-child(1){
			color:#999999;
		}
		>view:nth-child(2){
			color:#FF6011;
			border-left: 1rpx solid #cccccc;
		}
	}
</style>